{# checker #}
{% extends "base.html" %}

{% block sub_title %}{% endblock %}

{% block css %}
	<link charset="utf-8" media="screen" type="text/css" rel="stylesheet" href="style/toggleBox.min.css"/>
	<link charset="utf-8" media="screen" type="text/css" rel="stylesheet" href="style/regexpr.ui.min.css"/>
{% endblock %}

{% block js %}
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">google.load('visualization', '1', {packages: ['table']});</script>
	<script type="text/javascript" src="js/jquery.toggleBox.min.js"></script>
	<script type="text/javascript" src="js/regexpr.min.js"></script>
	<script type="text/javascript" src="js/regexpr.profiler.min.js"></script>
	<script type="text/javascript" src="js/regexpr.ui.min.js"></script>
{% endblock %}

{% block content %}
<div id="regexpr" class="clearFix">
	<div id="regexpr-top">
		<table cellspacing="10px" id="exec-order"><tbody><tr>
			<td><span class="exec-order-button">exec</span></td>
			<td><span class="exec-order-button">match</span></td>
			<td><span class="exec-order-button">replace</span></td>
			<td><span class="exec-order-button">search</span></td>
			<td><span class="exec-order-button">split</span></td>
			<td><span class="exec-order-button">test</span></td>
		</tr></tbody></table>
		
		<table cellspacing="10px" id="inputbox"><tbody><tr>
			<td colspan="1"><span class="label">RegExp Pattern:</span></td>
			<td colspan="5" class="text-wrap"><input type="text" id="inputbox-pattern" maxlength="128"/></td>
		</tr></tbody></table>
	</div>
	<div id="regexpr-left">
		<table cellspacing="10px" id="parambox"><tbody>
			<tr><td>
				<span class="label">Replace String:</span>
				<div class="text-wrap"><input type="text" id="parambox-replace" maxlength="47"/></div>
			</td></tr>
			<tr><td>
				<span class="label">Target:</span>
				<div class="textarea-wrap"><textarea id="parambox-target"></textarea></div>
			</td></tr>
			<tr><td>
				<span class="label">Result:</span>
				<div class="textarea-wrap"><textarea id="parambox-result"></textarea></div>
			</td></tr>
		</tbody></table>
	</div>
	<div id="regexpr-right" class="clearFix">
		<table cellspacing="10px" id="logbox"><tbody>
			<tr><td><div class="togglebox"></div></td></tr>
			<tr><td class="logbox-table-container"><div id="logbox-table"></div></td></tr>
		</tbody></table>
		<table cellspacing="10px" id="profilebox"><tbody>
			<tr><td><div class="togglebox"></div></td></tr>
			<tr><td class="profilebox-table-container"><div id="profilebox-table"></div></td></tr>
		</tbody></table>
	</div>
	<div class="clear"></div>
</div>
{% endblock %}

{% block footer_link %}
<p id="footer-link">-|<a href={{ login_link }} title="{{ login_text }}">{{ login_text }}</a>|<a href="/reference" title="RegExp Quick Reference">reference</a>|<a href="http://yas-hummingbird.blogspot.com/" title="blog:humming bird">blog</a>|-</p>
{% endblock %}